/* variable */
:root {
  /* color */
  --slightBlue: rgb(235, 248, 255);
  --lightBlue: #91baff;
  --blue: #3a81ff;
  --darkBlue: #005eff;

  --red: rgb(255, 80, 80);

  --darkGray: rgba(0, 0, 0, .25);
  --gray: rgba(0, 0, 0, .15);
  --lightGray: rgba(0, 0, 0, .1);
  --selectGray: #f0f0f5;
  --light: rgba(0, 0, 0, .05);
  --dark: rgba(0, 0, 0, .7);
  --black: #111;

  --bgColor: #e9eff2;

  --cyan: #d1fdf1;
  --blueCyan: #b3edfe;

  /* length */
  --outerWidth: 1200px;
  --innerWidth: 1100px;
  --topNavHeight: 60px;
  --innerWidthPart1: calc(var(--innerWidth) * 0.7);
  --innerWidthPart2: calc(var(--innerWidth) * 0.28);
}